.mcv-uc{display:flex;font-size:14px;height:100%;margin-bottom:50px;margin-left:auto;margin-right:auto;width:990px}.mcv-uc,.mcv-uc *,.mcv-uc-left{box-sizing:border-box}.mcv-uc-left{width:200px}.mcv-uc-main{box-sizing:border-box;margin-left:30px;width:100%}.mcv-nav{margin:0;padding:0}.mcv-nav-area{background:#fff;border:1px solid #ddd;margin-bottom:20px;width:200px}.mcv-nav-item{height:45px;line-height:45px;list-style:none}.mcv-nav-item a{border-left:3px solid transparent;color:#333;display:block;font-size:14px;text-decoration:none;text-indent:20px}.mcv-nav-item a:hover{background:#f8f8f8;border-left-color:#e5e5e5;font-size:14px}.mcv-nav-item a.active,.mcv-nav-item a:hover{color:#06984f;color:rgba(6,152,79,.9);color:rgba(0,126,189,.9);color:#2080f7}.mcv-nav-item a.active{border-left-color:#2080f7}.wrapper-plan{position:relative}.wrapper-plan .switch-account-tips{color:#676767}.wrapper-plan .switch-account-tips .switch-account-btn{background:transparent;border:0;color:#2080f7;cursor:pointer;margin-left:10px;outline:0}.wrapper-tt{border-bottom:1px solid #ccc;color:#2080f7;font-weight:700}.wrapper-content{padding:50px 0;text-align:center}.course-settings-ctn{font-size:14px}.course-settings-ctn .before-line:before{border-left:1px solid #ccc;content:"";display:inline-block;height:20px;position:relative;top:5px;vertical-align:top;width:10px}.course-settings-ctn .ctrl-item{color:#333;float:left;height:28px;line-height:28px;margin-right:10px}.course-settings-ctn .ctrl-item i{font-size:28px;vertical-align:middle}.course-settings-ctn .ctrl-item.homework{color:#06984f;color:rgba(6,152,79,.9);color:rgba(0,126,189,.9);color:#2080f7}.course-settings-ctn .action-item{cursor:pointer}.course-settings-ctn .action-item:hover{color:#06984f;color:rgba(6,152,79,.9);color:rgba(0,126,189,.9);color:#2080f7}.course-settings-ctn i{color:#666}.course-settings-ctn a{color:inherit}.course-settings-ctn .more-settings{background:#fff;border:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:42px;min-width:136px;padding:4px 22px;position:absolute;right:-4px;top:33px;z-index:2}.course-settings-ctn .more-settings:before{border-bottom:8px solid #ccc;border-left:8px solid transparent;border-right:8px solid transparent;content:"";left:92px;position:absolute;top:-8px;z-index:1}.course-settings-ctn .more-settings:after{border-bottom:7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent;content:"";left:93px;position:absolute;top:-7px;z-index:1}.course-settings-ctn .more-settings.show{display:block}.course-settings-ctn .add-group-tips{background:#fff;border:1px solid #ddd;box-shadow:2px 2px 8px #ddd;box-sizing:border-box;line-height:24px;padding:20px 22px;position:absolute;right:0;top:38px;z-index:2}.course-settings-ctn .add-group-tips:before{border-bottom:8px solid #ccc;border-left:8px solid transparent;border-right:8px solid transparent;content:"";left:184px;position:absolute;top:-8px;z-index:1}.course-settings-ctn .add-group-tips:after{border-bottom:6px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;content:"";left:186px;position:absolute;top:-6px;z-index:1}.course-settings-ctn .add-group-tips .close-btn{cursor:pointer;font-size:16px;height:16px;line-height:16px;position:absolute;right:2px;text-align:center;top:2px;width:16px}.course-settings-ctn .add-group-tips .close-btn:hover{color:#06984f;color:rgba(6,152,79,.9);color:rgba(0,126,189,.9);color:#2080f7}.course-settings-ctn .course-link a{color:#333}.course-settings-ctn .course-link a:hover{color:#06984f;color:rgba(6,152,79,.9);color:rgba(0,126,189,.9);color:#2080f7}.detail-item-ctn{background:#f8f8f8;font-size:16px;width:100%}.detail-item-ctn.expend .detail-item-body{border:1px solid #eee;height:auto;padding:16px}.detail-item-ctn.expend .detail-item-header{border:none}.detail-item-ctn .icon{float:left;height:42px;margin:18px 10px 0 0;position:relative;width:42px}.detail-item-ctn .icon .process{height:42px;width:42px}.detail-item-ctn .icon .index{color:#2080f7;display:block;height:36px;left:1px;line-height:42px;position:absolute;text-align:center;top:2px;width:36px}.detail-item-ctn.always-show .detail-item-header{cursor:default}.detail-item-header{border-bottom:1px solid #eee;cursor:pointer;height:70px;line-height:70px;padding-left:15px;position:relative}.detail-item-header .index{float:left}.detail-item-header .section-title{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:18px;overflow:hidden;text-overflow:ellipsis}.detail-item-header .live-tips{color:#f4621f;line-height:22px;position:absolute;right:14px;text-align:center;top:14px}.detail-item-header .live-tips .date{font-size:13px}.detail-item-header .live-tips .time{font-size:18px}.detail-item-header .live-tips .live-tag-ctn{margin-bottom:4px}.detail-item-header .enter-live{background:#fe9455;border-radius:2px;color:#fff;font-size:16px;height:40px;line-height:40px;padding:0}.detail-item-header .enter-live:hover{background:#f3803b}.detail-item-header .enter-live a{padding:0 28px}.detail-item-header .hide-enter-live{height:100%;left:0;position:absolute;top:0;width:100%}.detail-item-header .hide-enter-live a{display:inline-block;height:100%;width:100%}.detail-item-header.detail-top .detail-titles{padding-top:14px}.detail-item-header.detail-top .section-title{height:20px;line-height:20px}.detail-item-header.detail-top .task-name{font-size:14px;height:20px;line-height:20px;margin-top:4px}.detail-item-body{background:#fff;border:0 solid #eee;height:0;overflow:hidden;padding:0 16px;position:relative;transition:all .2s linear}.detail-item-body:before{background:#c3daf8;bottom:53px;content:"";left:31px;position:absolute;top:35px;width:1px}.task-item-ctn{font-size:14px;height:60px;position:relative;width:100%}.task-item-ctn div.icon{background:#fff;float:left;height:30px;margin:4px 18px 0 0;position:relative;width:30px}.task-item-ctn div.icon .process{height:100%;width:100%}.task-item-ctn div.icon i{color:#2080f7;display:block;height:100%;left:0;line-height:30px;position:absolute;text-align:center;top:0;width:100%}.task-item-ctn .task-title{color:#333;display:block;font-size:14px;font-weight:400;height:auto;margin:0;padding:0;width:450px}.task-item-ctn .sub-title{color:#999}.task-item-ctn .status-text{color:#999;position:absolute;right:98px;top:15px}.task-item-ctn .task-button-ctn{position:absolute;right:10px;top:10px}.task-button-ctn .task-btn{border-radius:2px;box-sizing:border-box;min-width:80px;text-align:center}.task-button-ctn .task-btn span{color:#2080f7;cursor:pointer;display:inline-block;padding:4px 0;width:100%}.task-button-ctn .task-btn.info{background-color:transparent;border-color:#2080f7}.task-button-ctn .task-btn.info a{color:#2080f7}.task-button-ctn .task-btn.info:hover{background:#e7f3fd}.task-button-ctn .task-btn.warning{background-color:transparent;border-color:#f4621f}.task-button-ctn .task-btn.warning a{color:#f4621f}.task-button-ctn .task-btn.border.warning:hover{background:#fff5f5}.task-button-ctn .task-btn.border{border-style:solid;border-width:1px}.task-button-ctn .task-btn.disabled a,.task-button-ctn .task-btn.disabled span{color:#999;cursor:default;pointer-events:none}.task-button-ctn .task-btn.text a{cursor:default;pointer-events:none}.term-ctn{height:36px;line-height:30px;min-width:175px;padding:15px;position:relative}.term-ctn,.term-ctn .current-term{display:inline-block}.term-ctn .term-drop-down{background:#fff;border:1px solid #ccc;cursor:pointer;display:none;left:25px;position:absolute;top:36px;z-index:1}.term-ctn .term-drop-down .other-term{line-height:40px;max-width:150px;overflow:hidden;padding:0 16px;text-overflow:ellipsis;white-space:nowrap}.term-ctn .term-drop-down .other-term:hover,.term-ctn:hover .drop-down-icon{color:#06984f;color:rgba(6,152,79,.9);color:rgba(0,126,189,.9);color:#2080f7}.term-ctn:hover .term-drop-down{display:block}.term-ctn:hover .drop-down-icon:before{border-bottom:4px solid #2080f7;border-top:0;top:13px}.term-ctn .drop-down-icon{position:relative}.term-ctn .drop-down-icon:before{border-bottom:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #333;content:"";position:absolute;right:-14px;top:14px}.details-ctn{border:1px solid #e5e5e5;width:759px}.details-ctn-wrapper{background:#fff;box-sizing:border-box;padding:0;position:relative}.details-ctn *{box-sizing:content-box}.details-ctn-error{padding:170px 0;text-align:center}.details-ctn h2{font-size:18px;line-height:40px;margin-bottom:16px}.details-ctn h2 .section-nums{font-size:14px}.details-ctn .course-settings-ctn{position:absolute;right:20px;top:20px}.details-ctn .sections-title{margin-bottom:10px;margin-top:30px;padding-left:15px}.details-ctn .mod-tip{background-color:#fffbe5;border:1px solid #f7dcb1;line-height:40px;margin:19px 0;padding:0 15px}.details-ctn .mod-tip-icon{margin-right:5px}.details-ctn .switch-account-tips{color:#999;font-size:14px;margin-top:20px;text-align:center}.details-ctn .switch-account-tips-btn{color:#2080f7;cursor:pointer;margin-left:5px}.course-tag-ctn{background:#ff6923;border-radius:0 2px 2px 0;color:#fff;font-size:12px;height:18px;line-height:18px;padding:0 4px;position:absolute;right:-1px;top:-1px}.course-tag-ctn .top-right-angle{border-top:10px solid #ff6923;top:0}.course-tag-ctn .bottom-right-angle,.course-tag-ctn .top-right-angle{border-left:10px solid transparent;height:0;left:-9px;position:absolute;width:0}.course-tag-ctn .bottom-right-angle{border-bottom:10px solid #ff6923;bottom:0}.tab-item-ctn.active:after{content:"";height:0;overflow:hidden;width:0}.tab-item-ctn{background:#f8f8f8;border:1px solid #f3f3fe;box-sizing:border-box;display:flex;height:140px;margin-right:3px;padding:16px;position:relative}.tab-item-ctn:hover{border-color:#2080f7;cursor:pointer}.tab-item-ctn:hover .place-top-ctn{display:block}.tab-item-ctn .place-top-ctn{border:1px solid #c3daf8;border-radius:2px;color:#c3daf8;cursor:pointer;display:none;font-size:12px;left:15px;padding:0 4px;position:absolute;top:11px}.tab-item-ctn .place-top-ctn:hover{border-color:#c3daf8;color:#7fc0f4}.tab-item-ctn.active{background:#2080f7;border-color:#2080f7;color:#fff}.tab-item-ctn.active:after{border-left:10px dashed transparent;border-right:10px dashed transparent;border-top:10px solid #2080f7;bottom:-10px;left:116px;position:absolute;z-index:9}.tab-item-ctn.active .course-date{display:block}.tab-item-ctn.active .live-tag-ctn,.tab-item-ctn.active .process-ctn{display:none}.tab-item-ctn .tab-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:16px;max-height:50px;overflow:hidden;text-overflow:ellipsis}.tab-item-ctn .process-full{background:#c3daf8;float:left;height:2px;margin-right:10px;margin-top:10px;width:140px}.tab-item-ctn .process-full .process-done{background:#2080f7;height:2px;width:0}.tab-item-ctn .process-text{color:#999;font-size:12px}.tab-item-ctn .course-date{color:#a3def8}.tab-ctn{margin-top:20px;position:relative;width:100%;z-index:1}.tab-ctn .tab-course-list{width:762px}.tab-ctn .tab-move-btn{font-size:20px;height:42px;line-height:42px;position:absolute;text-align:center;top:46px;width:24px}.tab-ctn .tab-move-btn i{font-size:26px}.tab-ctn .tab-move-btn:hover{background:#ccc;cursor:pointer}.tab-ctn .tab-prev-btn{left:-24px}.tab-ctn .tab-next-btn{right:-23px}.wrapper-plan .tabs{align-items:center;width:100%}.wrapper-plan .tabs,.wrapper-plan .tabs .tab{display:flex}.wrapper-plan .tabs .tab{justify-content:center;position:relative}.wrapper-plan .tabs{border-bottom:1px solid #ddd;height:43px}.wrapper-plan .tabs .tab{margin-right:20px}.wrapper-plan .tabs .tab a{color:#000;cursor:pointer;font-size:16px;line-height:24px;text-align:center;text-decoration:none;width:100px}.wrapper-plan .tabs .tab a.active{color:#2080f7}.wrapper-plan .tabs .tab a.active:after{background:#2080f7;bottom:-9px;content:"";height:3px;left:0;position:absolute;width:100%}.wrapper-plan .tabs .tab a:hover{color:#2080f7}.wrapper-plan .tabs .tab span{color:#2080f7;margin-left:3px}@media only screen and (max-width:768px){.mcv-uc{display:list-item}.mcv-nav-area,.mcv-uc{width:100%}.mcv-uc-left,.mcv-uc-main{margin:0 24px;width:calc(100% - 48px)}.tab-ctn,.tab-ctn .tab-course-list,.wrapper-tt{width:100%}.tab-item-ctn.active:after{left:calc(50% - 10px)}.tab-item-ctn .process-full{width:100%}.details-ctn .course-settings-ctn{padding:15px;position:static}.details-ctn{width:calc(100% - 3px)}.task-item-ctn .task-title{width:auto}.task-item-ctn .sub-title,.task-item-ctn .task-button-ctn{display:none}}